<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - 360 Product Image</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://cdn.jsdelivr.net/foundation/6.2.0/foundation.min.css'><link rel="stylesheet" href="./360.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="tb">
    
    <div class="button" onclick="api.prevFrame();">&larr;</div>
    <div class="container">
        <div id="basic-setup"></div>
    </div>

    <div class="button" onclick="api.prevFrame();">&rarr;</div>
</div>
<div>
    <p>
        <strong>DRAG IMAGE LEFT/RIGHT </strong>
        <img src="http://www.calvanishoes.com/themes/PRS060148/img/icon/360-icon.png" width="60" />
    </p>
</div>
<!-- partial -->
  <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script><script  src="./360.js"></script>

</body>
</html>
